﻿@model SpyApp.Models.DeviceModel.DeviceInfo

<style>
    #device-info {
        line-height: 1.5;
    }

        #device-info ul {
            display: inline-block;
        }
</style>

<div id="device-info">

    <div class="form-post">
        <h4 class="form-header">
            <img src="~/Images/phone-32.png" class="size-24"/>
            @Html.DisplayFor(m => m.DeviceName)
        </h4>
        <ul class="info">
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.AppVersion, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.AppVersion, new { @class = "" })
            </li>
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.Imei1, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.Imei1, new { @class = "" })
            </li>
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.Imei2, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.Imei2, new { @class = "" })
            </li>
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.OsBrand, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.OsBrand, new { @class = "" })
            </li>
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.OsVersion, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.OsVersion, new { @class = "" })
            </li>
            <li class="form-column medium-4 small-6 xsmall-12">
                @Html.LabelFor(m => m.Sn, new { @class = "placeholder" })<span>: </span>
                @Html.DisplayFor(m => m.Sn, new { @class = "" })
            </li>
        </ul>
    </div>
</div>
